<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JQuery实战-窗口效果</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		 $("#p1").hide();
		 $("button").click(function(){
			$("#p1").toggle(200);
		}) 
	})	
</script>
</head>
	
<body style="width:960px;margin:auto;height:900px;">
	<div style="margin-top: 30px;background-color: #999100;">
		<span><font size="20px"><strong>Test For JQuery!</strong></font></span>		
		<p align="left" id="p1">I Have a Dream!</p>
		<button id="btn1" name="按钮" type="button">Click Me</button>
	</div>
	<div style="margin-top:3px;background-color: #999956">
		<span><font size="20px"><strong>Test For ExtJS!</strong></font></span>
		
	</div>
</body>

</html>
